/**
 * Created by arvin on 2017/3/30 0030.
 */
import React,{Component} from 'react';
import  MyBread from '../MyBread/mybread';

import { Icon, Button, Input, AutoComplete,Spin } from 'antd';

class Complete extends  Component{
    constructor(props) {
        super(props);
        this.state = {
            active: 'apple'
        };
    }
    render(){
        let {name ,width=400,height=30,...other} = this.props;

        return (<div className="arvin_ladp_group" style={{width:width,height:height}}>
            <input type="text" name={name} />
            <Button className="icon-user"><Icon type="user" /></Button>
            <ul className="selected"  style={{height:height}}>
                <li className="item"><span className="user">xuchongwen</span><Icon type="close" /></li>
            </ul>
            <div className="selectlist">
                <ul className="selecting" style={{height:height}}>

                </ul>
            </div>


        </div>)
    }
}
export default class Apple extends Component{
    render(){
        return(
            <div>
                <MyBread page={'Apple'} type="apple" />
                <Complete name={"user"} multiple={true}/>
            </div>
        )

    }

}